﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>测试</title>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<script language="javascript" type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/DragResize.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/template.js"></script>
<style type="text/css" dir="/Styles/css.css" ></style>
 <style>
#enclose-wrapper {	position: relative;	z-index: 0;	border: 4px solid #DDD;	background-color: #FFF;}
#form-add-tag {	margin-left: 8px;	position: absolute;	padding: 5px 3px;border: 1px solid #005EAC;	float: left;display: inline;background-color: #FFF;}
#select-area-box {position: absolute;border: 5px solid #D8DFEA;float: left;}
#select-area {position: relative;	padding: 0;	border: 2px solid #005EAC;	z-index: 15;cursor: move;background: url(spacer.gif) no-repeat -1px -1px;}
#select-area-box span {	position: absolute;	border: 1px solid #005EAC;width: 8px;	height: 8px;background-color: #FFF;	font-size: 0;z-index: 18;}
#select-area-box span.north-west-resize {cursor: nw-resize;left: 0;top: 0;	margin-left: -1px;margin-top: -1px;}
#select-area-box span.north-east-resize {cursor: ne-resize;right: 0;top: 0;margin-right: -1px;	margin-top: -1px;}
#select-area-box span.south-west-resize {cursor: sw-resize;left: 0;bottom: 0;margin-left: -1px;margin-bottom: -1px;}
#select-area-box span.south-east-resize {cursor: se-resize;right: 0;bottom: 0;margin-right: -1px;margin-bottom: -1px;}
#enclose-wrapper ul#tag-list {list-style: none;margin: 0;padding: 0;font-size: 13px;float: left;}
#enclose-wrapper ul#tag-list li {list-style: none;float: left;}
#enclose-wrapper ul#tag-list li a {color: #F60;}
 </style>
 
</head>
<body>  	
<div id="enclose-wrapper">
  <div id="photo-wrapper">
  	 <img id="ImgPhoto" src="http://i2.sinaimg.cn/dy/c/2012-11-22/U4167P1T1D25641299F21DT20121123075714.jpg" />
  </div>
  <div>
    <ul id="tag-list">
    </ul>
  </div>
  <div id="select-area-box">
    <div id="select-area"> </div>
    <span></span><span></span><span></span><span></span> </div>
  <div id="form-add-tag" style="display: none;"> 名称：
    <input id="tag-name" name="tag-name" type="text" />
    

 数值：
<input id="tag-value" name="tag-value" type="text" />


 <button id="btn-add-tag" type="button"> 确认</button>
 <button id="btn-cancel" type="button"> 取消</button>
 </div>
 </div> 

 
</body>
</html>
